<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

  <head>
    <title>Media Browser</title>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
		<script>
			function detect() {
				agent = navigator.userAgent;
				page = "unknown"
				caption = "unknown"
				if (agent.indexOf("iPhone") > -1) {
					page = "iPhone-iOS3.html"
					caption = "iPhone < iOS4"	
					if (agent.indexOf("iPhone OS 4") > -1) {	
						caption = "iPhone iOS4"	
						page = "iPhone.html"
					}
				}
				
				if (agent.indexOf("iPad") > -1) {
					caption = "iPad"	
					page = "iPhone-iOS3.html"
				}
				
				if (agent.indexOf("Android") > -1) {
					caption = "Android"	
					page = "iPhone-iOS3.html"
				}
				
				document.getElementById("detect").innerHTML = "You are currently running an " + caption 
				+ " device.<br><br>You will most likey want to click the following link and bookmark it for future use:<br><br>"
				+ "<a href='" + page + "'>" + caption + "</a>";
				;
			}	
		</script>
  </head>

    <body onload="detect()">
					
				<h1>Supported Version:</h1>
				<div id="detect"></div>
				    		
    		<h1>Other Links:</h1>
    		<a href="iPhone.html">iPhone version running iOS4</a><br>
    		<a href="iPhone-iOS3.html">Android/iPhone version running iOS3 / iPad</a><br>

        
    </body>

</html>